<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>吕超英语退费计算器</title>
    <style>
        /* 保持原有样式不变 */
        .container {
            max-width: 600px;
            margin: 20px auto;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            background-color: #f8f9fa;
        }
        .input-group {
            margin: 15px 0;
        }
        label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }
        input {
            width: 200px;
            padding: 8px;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
        button {
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover {
            background-color: #45a049;
        }
        .result {
            margin-top: 20px;
            padding: 15px;
            background-color: #f8f9fa;
            border-radius: 4px;
        }
        .hint {
            color: #666;
            font-size: 0.9em;
            margin-top: 3px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>吕超英语退费计算器（1个月订单专用）</h2>
        <div class="input-group">
            <label for="m">订单费用 (元):</label>
            <input type="number" id="m" value="380" min="1" max="680" step="1">
            <!--<div class="hint">（0 < M < 680）</div>-->
        </div>

        <div class="input-group">
            <label for="a">下单日期（请选择）:</label>
            <input type="date" id="a" required>
        </div>

        <div class="input-group">
            <label for="c">已使用天数 (0-30):</label>
            <input type="number" id="c" min="0" max="30" required>
            <!--<div class="hint">（0 ≤ C ≤ 30）</div>-->
        </div>

        <button onclick="calculate()">计算退费</button>

        <div class="result" id="result"></div>
    </div>

    <script>
        function calculate() {
            // 获取输入值
            const M = parseFloat(document.getElementById('m').value);
            const A = document.getElementById('a').value;
            const C = parseInt(document.getElementById('c').value);

            // 增强验证
            if (!A || 
                isNaN(C) || C < 0 || C > 30 ||
                isNaN(M) || M <= 0 || M > 680) {
                alert("请填写有效的数值（订单费用为：0-680元，已使用天数为：0-30天）");
                return;
            }

            // 计算天数差
            const orderDate = new Date(A);
            const today = new Date();
            today.setHours(0, 0, 0, 0); // 标准化时间
            const timeDiff = today.getTime() - orderDate.getTime();
            const B = Math.floor(timeDiff / (1000 * 3600 * 24));

            // B值验证
            if (B < 0) {
                alert("订单日期不能晚于今天！");
                return;
            }
            if (B > 365) {
                alert("下单日期超过1年，不允许退费！");
                return;
            }

            // 计算退费
            let refund = 0;
            <!--const baseAmount = B <= 30 ? M : M * 0.8;-->
            const baseAmount = B <= 30 ? M : M * 1;
            refund = baseAmount / 30 * (30 - C);

            // 显示结果
            const resultDiv = document.getElementById('result');
            resultDiv.innerHTML = `
                <p>订单费用: ${M.toFixed(2)} 元</p>
                <p>下单日期: ${orderDate.toLocaleDateString()}</p>
                <p>距今天数: ${B} 天（365天内可申请退款）</p>
                <p>已使用天数: ${C} 天</p>
                <p>应退天数: ${30-C} 天</p>
                <!--<p>基数折扣: ${B <= 30 ? '全价' : '八折'}</p>-->
                <!--<p>核算基数: ${baseAmount.toFixed(2)} 元</p>-->
                <!--折扣说明：下单距今天数30天内（含30天）退款不扣费用，为：全价。下单距今天数30天以上退款扣除20%费用，为：八折。-->
                <h3 style="color: #d32f2f;">应退金额: ${refund.toFixed(2)} 元</h3>
            `;
        }
    </script>
</body>
</html>